.body {
    width: 1920px;
    height: 1080px;
    overflow: hidden;
}

/* 首页 */
.home {
    position: relative;
    background: url(images/背景图.png) no-repeat center;
}
*{
    margin: 0;
    padding: 0;
}
a{
    color: inherit;
    text-decoration: none;
}
.top{
    width:1920px;
    height:50px;
    background-color: #0074EB;
    margin:0 auto;
    font-size: 24px;
    color: white;
    line-height: 41px;
    display: flex;
    justify-content: space-between;
    letter-spacing: 0.2em;
}
.welcome{
    margin-left: 360px;
}
.top_button{
    margin-right: 360px;
}
.main{
    margin:0 auto;
    width: 1920px;
    height:1039px;
    display: flex;
    justify-content: flex-start;
}
#director{
    width:521px;
    height:1039px;
    background-color: rgba(53,152,253,0.6);
    color:#ffffff;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}
.banner{
    width:1399px;
    height: 1039px;
}
.home_logo {
    width:120px;
    height:100px;
    background-color: rgba(53,152,253,0.6);
    /* background: url(images/云顶logo2.png) no-repeat center; */
}
.director_item{
    margin:30px 0;
    width:160px;
    height:97px;
    line-height: 97px;
    text-align: center;
    letter-spacing: 3px;
    cursor: pointer;
}
#default {
    background-color: #2F4399;
}
.banner_item{
    width: 100%;
    height: inherit;
    /* background-color: #2F4399; */
    color:white;
    display: none;
}
.big_wel {
    font-size: 90px;
    font-weight: bold;
    color: white;
    letter-spacing: 5px;
    position: absolute;
    left: 689px;
    top: 363px;
}
.bottom {
    color: white;
    font-family: "楷体";
    font-size: 22px;
    letter-spacing: 3px;
    position: absolute;
    left: 849px;
    bottom: 20px;
}

/* 登录 */
.login {
    color: white;
    display: none;
    width: 520px;
    height: 450px;
    position: absolute;
    top: 315px;
    left: 780px;
    background:  url(images/登录.png) no-repeat center;
}
.login1 {
    width: 100%;
    height: 160px;
    /* background-color: #666666; */
}
.login2 {
    width: 100%;
    height: 290px;
    top: 231px;
    /* background-color: #333333; */
}
.login_logo,
.register_logo {
    width: 58px;
    height: 56px;
    z-index: 3;
    left: 0px;
    top: 0px; 
}
/* 下为叉号。阿里巴巴矢量图标显示异常，未找到解决办法。改为css实现，来源（https://blog.csdn.net/weixin_43971228/article/details/126492595） */
.lclose {
    position: absolute;
}
.lclose::before,
.lclose::after {
    position: absolute;
    content: ' ';
    background-color:white;
    top: -50px;
    left: 500px;
    width: 3px;
    height: 20px;
}
.lclose::before {
    transform: rotate(45deg);
}

.lclose::after {
    transform: rotate(-45deg);
}
.picture {
    height: 89px;
    width: 89px;
    border-radius: 89px;
    /* border: #E93636 2px solid; */
    background-color: #ffffff;
    background: url(images/头像.jpg) no-repeat center  ;
    background-size:contain;
    position: absolute;
    top: 116px;
    left: 211px;
    z-index: 5;
}
.messege {
    height: 103.5px;
    width: 290px;
    position: absolute;
    z-index: 5;
    top: 256px;
    left: 125px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.login2 input {
    display: block;
    width: 270px;
    height: 40px;
    padding-left: 5px;
    background-color: rgba(6,101,144,0.6);
    color:white;
    border-radius: 5px;
    border: rgba(255, 255, 255, 0.6) 1px solid;
    border-top: none;
}
.login2 input::placeholder{
    color: white;
} 
/* 点击输入框发光效果 */
.login2 input:focus{
    border-color: white;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(6,101,144,0.6),0 0 8px rgba(255,255,255,0.75);
    box-shadow: inset 0 1px 1px rgba(6,101,144,0.6),0 0 8px rgba(255,255,255,0.75)
}
#login_button,
#login_res_btn,
#register_btn {
    display: block;
    width: 90px;
    height: 32px;
    background-color: rgba(6,101,144,0.6);
    color: white;
    /* font-weight: 900; */
    border: rgba(255, 255, 255, 0.6) 1px solid;
    border-bottom: none;
    border-radius: 5px;
    position: absolute;
    z-index: 5;
    top: 384px;
    left: 215px;
    /* border: none; */
}
#login_res_btn {
    background-color: transparent;
    color:white;
    border: none;
    width: 70px;
    height: 25px;
    top: 420px;
    left: 11px;
}
.login_QR {
    position:absolute;
    z-index: 5;
    top: 411px;
    left: 475px;
}


/* 注册 */
.register {
    display: none;
    width: 520px;
    height: 450px;
    position: absolute;
    top: 315px;
    left: 780px;
    color: #ffffff;
    background: url(images/注册.png) no-repeat center;
    background-size: cover; 
}
.rclose {
    position: absolute;
}
.rclose::before,
.rclose::after {
    position: absolute;
    content: ' ';
    background-color: #ffffff;
    top: -50px;
    left: 500px;
    width: 3px;
    height: 20px;
}
.rclose::before {
    transform: rotate(45deg);
}

.rclose::after {
    transform: rotate(-45deg);
}
.register_content {
    width: 343px;
    height: 445px;
    position: absolute;
    z-index: 3;
    top: 86px;
    left: 82px; 
}
/* 点击输入框发光效果， */
.register_content input:focus{
    border-color: white;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(247,245,188,0.6),0 0 8px rgba(255,255,255,0.55);
    box-shadow: inset 0 1px 1px rgba(247,245,188,0.6),0 0 8px rgba(255,255,255,0.55)
}
.inform1 {
    width: 100%;
    height: 79.7px;
    display: grid;
    grid-template-columns: 65px 57.75px 90.5px 65px 57.75px;
    grid-template-rows: repeat(2, 50%);
}
.inform1 input {
    display: block;
    width: 61px;
}
.inform1_gender {
    grid-column-start: 4;
}
.inform1_num {
    grid-column-start: 4;
}
.inform2 {
    width: 100%;
    height: 192px;
    position: absolute;
    top: 87px;
    display: grid;
    grid-template-columns: 65px 173.25px;
    grid-template-rows: repeat(4, 25%);
    grid-column-gap: 25.2px;

}
.inform2 input {
    display: block;
    width: 180px;
}
.inform1 input,
.inform2 input {
    height: 20px;
    background-color: rgba(207,207,0,0.2);
    color: #ffffff;
    border-radius: 5px;
    border: #fefbe9 1px solid;
    text-align: center;
}
.res_require {
    display: block;
    width: 270px;
    font-size: 12px;
    position: absolute;
    z-index: 7;
    left: 0px;
    top: 265px;
}
#register_btn {
    background-color: rgba(207,207,0,0.4);
    color: #ffffff;
    /* pointer-events: none; */
}



/* 提示 */
.err_account_empty,
.err_password_empty,
.log_prompt,
.res_prompt {
    display: none;
    width: 200px;
    height: 25px;
    background-color: #000000;
    color: white;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    position: absolute;
    z-index: 7;
    top: 181px;
    left: 160px;
}
/* .err_account_empty sapn,
.err_password_empty span,
.log_prompt span,
.err_account_undefined span,
.res_success span {
    color: #ffffff;
    font-size: 10px;
    position: absolute;
    z-index: 9;
    top: 2px;
    right: 2px;
} */